
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@page session="true" %>

<html:html lang="true">

    <head>
        <LINK REL="SHORTCUT ICON"  HREF="styles/Images/h.ico"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



        <link type="text/css" href="styles/Styles/menu.css" rel="stylesheet" />

        <script type="text/javascript" src="styles/Scripts/menu.js"></script>
        <script src="styles/Scripts/script.js" type="text/javascript"></script>

        <script type="text/javascript"  language="JavaScript" src="styles/js/calendar_us.js"></script>

        <link  href="styles/Styles/style.css" rel="stylesheet" type="text/css" />



        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>



        <style type="text/css">
            * { margin:0;
                padding:0;
            }

            div#copyright { display: none; }
        </style>




        <style type="text/css">
            /*demo page css*/
            ul#icons {margin: 0; padding: 0;}
            ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
            ul#icons span.ui-icon {float: left; margin: 0 4px;}



        </style>
        <script>
            // increase the default animation speed to exaggerate the effect
            $.fx.speeds._default = 1000;
            $(function() {
                
                
                
                $( "#dialog" ).dialog({
                    autoOpen: false,
                    show: "scale",
                    hide: "explode",
                    modal:true,
                    width:440
                                        
                                        
                });
 
                $( "#opener" ).click(function() {
                    $( "#dialog" ).dialog( "open" );
                    return false;
                });

            });
            
            $(function() {
                $( "#login" ).dialog({
                    autoOpen: false,
                    show: "scale",
                    hide: "explode",
                    modal:true,
                    height:300,
                    width:430
                    
                                        
                                        
                });
 
                $( "#log" ).click(function() {
                    $( "#login" ).dialog( "open" );
                    return false;
                });

            });
            
            $(function() {
                $( "#getpwback" ).dialog({
                    autoOpen: false,
                    show: "scale",
                    hide: "explode",
                    modal:true,
                    height:300,
                    width:430
                    
                                        
                                        
                });
 
                $( "#getpw" ).click(function() {

                    $( "#getpwback" ).dialog( "open" );
                    return false;
                });

            });
 
        </script>

        <style type="text/css">
            .js #dialog {display: none;}
            .js #login {display: none;}
            .js #getpwback {display: none;}
        </style>
        <script type="text/javascript">
            document.documentElement.className = 'js';
        </script>
        <script>
            $(function() {
                $( "#men" ).menu();
            });
        </script>
        <style>
            .ui-menu { width: 150px }
        </style>
        <html:base/>
    </head>

    <body>
        <div id="headerContainer">
            <center>
                <table  style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td rowspan="3" class="logo">
                            <html:link action="/redirect.do?actionType=goToHomePage"><img src="styles/Images/Logo.png" class="logoLink" border="0" alt=""/></html:link>
                        </td>
                        <td style="width:755px;background-color:#005CA9" rowspan="2"></td>
                        <td style="width:165px;height:30px;background-color:#005CA9;text-align:center;color: white">

                            <logic:empty name="user" scope="session">
                                <logic:empty name="admin" scope="session">
                                    <a href="#" id="opener" style="color: #ffffff">Register</a>
                                    &nbsp;&nbsp;|&nbsp;&nbsp;
                                    <a href="#" id="log" style="color: #ffffff">Login</a>
                                </logic:empty>
                            </logic:empty>

                            <logic:notEmpty name="user" scope="session">
                                <logic:present name="user" property="userName">
                                    Welcome <bean:write name="user" property="userName"/>

                                    <html:link action="/redirect.do?actionType=logout" ><font color="white">LogOut</font></html:link>
                                </logic:present>
                            </logic:notEmpty>

                            <logic:notEmpty name="admin" scope="session">
                                <logic:present name="admin" property="adminName">
                                    Welcome <bean:write name="admin" property="adminName"/>

                                    <html:link action="/redirect.do?actionType=logout" ><font color="white">LogOut</font></html:link>
                                </logic:present>
                            </logic:notEmpty>



                        </td>
                    </tr>
                    <tr>

                        <td class="searchCell">
                            <form style="margin:0px; margin-top:4px;width:185px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self">
                                <input type="hidden" name="si" value="80527487"/>
                                <input type="hidden" name="pid" value="r"/>
                                <input type="hidden" name="n" value="0"/>
                                <input type="hidden" name="_charset_" value=""/>
                                <input type="hidden" name="bcd" value="&#247;"/>
                                <input type="text"   id="searchTextBox" name="query" onfocus="clearSearch(this)" onblur="fillSearch(this)" value="Search"/>
                                <input type="submit" class="searchButton" value="" />                             
                            </form>

                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div id="menu">
                                <ul class="menu">
                                    <li><html:link action="/redirect.do?actionType=goToHomePage" styleClass="parent"><span>About Us</span></html:link>
                                        <div>
                                            <ul>
                                                <logic:iterate name="AboutUsBean"
                                                               property="aboutUs" id="titles">
                                                    <logic:notEqual name="titles" property="showMenu"  value="null">
                                                        <li>
                                                            <html:link  action="/contact.do" paramId="title" paramName="titles" paramProperty="aboutUsTerm" onmouseover= "headerMouseOver(this)"  onmouseout="headerMouseOut(this)" >
                                                                <span>
                                                                    <bean:write name="titles" property="aboutUsTerm"/>
                                                                </span>
                                                            </html:link>
                                                        </li>
                                                    </logic:notEqual>
                                                </logic:iterate>
                                            </ul>
                                        </div>
                                    </li>

                                    <li><html:link action="/redirect.do?actionType=goToHomePage" styleClass="parent"><span>Products & Solutions</span></html:link>
                                        <div>
                                            <ul>

                                                <logic:iterate name="AboutUsBean"
                                                               property="products" id="product">
                                                    <logic:notEqual name="product" property="showMenu"  value="null">
                                                        <li>
                                                            <html:link paramId="prodName" paramName="product" paramProperty="productName"  action="/productact.do"  onmouseover= "headerMouseOver(this)"  onmouseout="headerMouseOut(this)" >
                                                                <span>
                                                                    <bean:write name="product" property="productName"/>
                                                                </span>
                                                            </html:link>
                                                        </li>
                                                    </logic:notEqual>
                                                </logic:iterate>


                                                <li style="text-align:center"></li>


                                            </ul>
                                        </div>
                                    </li>
                                    <li><html:link action="/redirect.do?actionType=goToHomePage" styleClass="parent"><span>Services</span></html:link>
                                        <div>
                                            <ul>


                                                <logic:iterate name="AboutUsBean"
                                                               property="services" id="service">
                                                    <logic:notEqual name="service" property="showMenu"  value="null">
                                                        <li>
                                                            <html:link  action="/service.do" paramId="service" paramName="service" paramProperty="serviceName" onmouseover= "headerMouseOver(this)"  onmouseout="headerMouseOut(this)" >
                                                                <span>
                                                                    <bean:write name="service" property="serviceName"/>
                                                                </span>
                                                            </html:link>
                                                        </li>
                                                    </logic:notEqual>
                                                </logic:iterate>


                                                <li style="text-align:center"></li>
                                            </ul>
                                        </div>
                                    </li>


                                    <li><html:link action="/redirect.do?actionType=goToHomePage" styleClass="parent"><span>Career</span></html:link>
                                        <div>
                                            <ul>
                                                <logic:notEmpty name="user" scope="session">

                                                    <logic:notPresent name="admin" property="adminId">
                                                        <li><html:link action="/redirect.do?actionType=goToApplicant"><span>Send CV</span></html:link></li>
                                                        <li><html:link action = "/updatecv?actionType=redirect" ><span>Update Your CV</span></html:link></li>
                                                    </logic:notPresent>

                                                </logic:notEmpty>

                                                <li><html:link action = "/redirect.do?actionType=vacancies"><span>Vacancies</span></html:link></li>

                                            </ul>
                                        </div>
                                    </li>

                                    <li><html:link action="/redirect.do?actionType=goToContactUsPage"><span>Contact Us</span></html:link></li>



                                    <!-- Here will load admin privilidges -->   

                                    <logic:present name="admin" property="adminId">   
                                        <li><html:link action="/redirect.do?actionType=goToHomePage" styleClass="parent"><span>Administrator Board</span></html:link>
                                            <div>
                                                <ul style="text-align:center;background-color: #DADADA" id="men">

                                                    <logic:iterate name="AboutUsBean" property="priv" id="p">

                                                        <logic:equal name="p" property="parentId" value="">
                                                            <li style="text-align:center">

                                                                <html:link    action="/admin?actionType=${p.pageName}" onmouseover= "headerMouseOver(this)"  onmouseout="headerMouseOut(this)" >
                                                                    <span><bean:write name="p" property="privilegeName"/></span>
                                                                </html:link>

                                                            </li>
                                                        </logic:equal>
                                                    </logic:iterate>
                                                    <li>
                                                        <a href="#" ><span><i>Member's Transactions</i></span></a>
                                                        <ul>
                                                            <logic:iterate name="AboutUsBean" property="priv" id="p"> 

                                                                <logic:equal name="p" property="parentId" value="35">



                                                                    <li style="text-align:center">

                                                                        <html:link    action="/admin?actionType=${p.pageName}" onmouseover= "headerMouseOver(this)"  onmouseout="headerMouseOut(this)" >
                                                                            <span><bean:write name="p" property="privilegeName"/></span>
                                                                        </html:link>

                                                                    </li>


                                                                </logic:equal>


                                                            </logic:iterate>
                                                        </ul>
                                                    </li>
                                                    <li >
                                                        <a href="#"><span><i>Education's Transactions</i></span> </a>
                                                        <ul>
                                                            <logic:iterate name="AboutUsBean" property="priv" id="p"> 

                                                                <logic:equal name="p" property="parentId" value="36">



                                                                    <li style="text-align:center">

                                                                        <html:link    action="/admin?actionType=${p.pageName}" onmouseover= "headerMouseOver(this)"  onmouseout="headerMouseOut(this)" >
                                                                            <span><bean:write name="p" property="privilegeName"/></span>
                                                                        </html:link>

                                                                    </li>


                                                                </logic:equal>


                                                            </logic:iterate>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="#"><span><i>Careers' Transactions</i></span></a>
                                                        <ul>
                                                            <logic:iterate name="AboutUsBean" property="priv" id="p"> 

                                                                <logic:equal name="p" property="parentId" value="37">



                                                                    <li style="text-align:center">

                                                                        <html:link    action="/admin?actionType=${p.pageName}" onmouseover= "headerMouseOver(this)"  onmouseout="headerMouseOut(this)" >
                                                                            <span><bean:write name="p" property="privilegeName"/></span>
                                                                        </html:link>

                                                                    </li>


                                                                </logic:equal>


                                                            </logic:iterate>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="#"><span><i>News' Transactions</i></span></a>
                                                        <ul>
                                                            <logic:iterate name="AboutUsBean" property="priv" id="p"> 

                                                                <logic:equal name="p" property="parentId" value="38">



                                                                    <li style="text-align:center">

                                                                        <html:link    action="/admin?actionType=${p.pageName}" onmouseover= "headerMouseOver(this)"  onmouseout="headerMouseOut(this)" >
                                                                            <span><bean:write name="p" property="privilegeName"/></span>
                                                                        </html:link>

                                                                    </li>


                                                                </logic:equal>


                                                            </logic:iterate>
                                                        </ul>
                                                    </li>



                                                    <li style="text-align:center"></li>


                                                </ul>
                                            </div>
                                        </li>
                                    </logic:present>



                                </ul>
                            </div>
                            <script type="text/javascript">
                                (function($){

                                    //cache nav
                                    var nav = $("#topNav");

                                    //add indicator and hovers to submenu parents
                                    nav.find("li").each(function() {
                                        if ($(this).find("ul").length > 0) {
                                            $("<span>").text("^").appendTo($(this).children(":first"));

                                            //show subnav on hover
                                            $(this).mouseenter(function() {
                                                $(this).find("ul").stop(true, true).slideDown();
                                            });

                                            //hide submenus on exit
                                            $(this).mouseleave(function() {
                                                $(this).find("ul").stop(true, true).slideUp();
                                            });
                                        }
                                    });
                                })(jQuery);
                            </script>
                        </td>
                    </tr>
                </table>
            </center>

            <!-- Registeration Form -->

            <div id="dialog" title="Registeration Form">
                <img src="styles/Images/logo2.gif"  alt=""/>
                <html:form action="/reg" method="post">              
                    <table>
                        <tr>
                            <td style='width: 200px;'>User Name *</td>
                            <td style='width: 200px;' colspan='2'>Email *</td>
                        </tr>
                        <tr>
                            <td>
                                <html:text onfocus='enterTextBox(this)' onblur='leaveTextBox(this)' styleClass='textBox' property="userName"  style='width: 190px;'/>
                            </td>
                            <td colspan='2'>
                                <html:text  onfocus='enterTextBox(this)' onblur='leaveTextBox(this)' styleClass='textBox' property='email' value='' style='width: 190px;'/>
                            </td>
                        </tr>
                        <tr>
                            <td style='height:10px; ' colspan="3"></td>
                        </tr>
                        <tr>
                            <td style='width: 200px;'>Password * </td>
                            <td style='width: 200px;' colspan='2'>Confirm Password *</td>
                        </tr>
                        <tr>
                            <td style='width: 200px'>
                                <html:password  onfocus='enterTextBox(this)' onblur='leaveTextBox(this)' styleClass='textBox' property='password' value=''  style='width: 190px;'/>
                            </td>
                            <td style='width: 200px' colspan='2'>
                                <html:password  onfocus='enterTextBox(this)' onblur='leaveTextBox(this)' styleClass='textBox' property='confirmPassword' value='' style='width: 190px;'/>
                            </td>
                        </tr>
                        <tr>
                            <td style='height:10px; ' colspan="3">
                            </td>
                        </tr>
                        <tr><td style='width: 200px;'>Secret Question *</td>
                            <td style='width: 200px;' colspan='2'>Answer *</td>
                        </tr>
                        <tr>
                            <td style='width: 200px; height: 26px;'>
                                <html:select onfocus='enterTextBox(this)' onblur='leaveTextBox(this)'   property='secretQuestion' style='width: 190px;'>
                                    <html:option style='width:auto' value="Please Select One">Please Select One</html:option>
                                    <html:option style='width:auto' value="What is name of your first school"> What is name of your first school </html:option>
                                    <html:option value="What was your first email address?"> What was your first email address? </html:option>
                                    <html:option value='What is the first name of your favorite uncle?' >What is the first name of your favorite uncle?</html:option>
                                    <html:option value='Where did you meet your spouse?' >Where did you meet your spouse?</html:option>
                                    <html:option value='What is your oldest cousin&#39;s name?' >What is your oldest cousin&#39;s name?</html:option>
                                    <html:option value='What is your youngest child&#39;s nickname?' >What is your youngest child&#39;s nickname?</html:option>
                                    <html:option value='What is your oldest child&#39;s nickname?' >What is your oldest child&#39;s nickname?</html:option>
                                    <html:option value='What is the first name of your oldest niece?' >What is the first name of your oldest niece?</html:option>
                                    <html:option value='What is the first name of your oldest nephew?' >What is the first name of your oldest nephew?</html:option>
                                    <html:option value='What is the first name of your favorite aunt?' >What is the first name of your favorite aunt?</html:option>
                                    <html:option value='Where did you spend your honeymoon?' >Where did you spend your honeymoon?</html:option>
                                </html:select>
                            </td>
                            <td style='width: 200px; height: 26px;' colspan='2'>
                                <html:text  onfocus='enterTextBox(this)' onblur='leaveTextBox(this)' styleClass='textBox' property='answer' style='width: 190px;'/>
                            </td>
                        </tr>
                        <tr>
                            <td style='height:10px; ' colspan="3"></td>
                        </tr>
                        <tr>
                            <td style='width: 200px;' colspan='3'>User Type *</td>
                        </tr>
                        <tr>
                            <td style='width: 200px' >
                                <html:select  onfocus='enterTextBox(this)' onblur='leaveTextBox(this)' styleClass='textBox' property='userType' style='width: 190px;'>
                                    <html:option value="Please Select One">Please Select One</html:option>
                                    <html:option value="Applicant"> Applicant</html:option>
                                    <html:option value="Vendor"> Vendor </html:option>
                                    <html:option value="Other"> Other </html:option>
                                </html:select>
                            </td>
                            <td style='width: 200px' colspan='2'></td>
                        </tr>
                        <tr>
                            <td style='height:10px; ' colspan="3"> </td>
                        </tr>
                        <tr style='border-top:1px #CCCCCC solid; border-top-color: #000000;'>
                            <td style='width: 200px; '>
                                <html:submit  value='Submit'  styleClass="addButton" onmouseout='buttonOut(this)' onmouseover='buttonOver(this)' />


                            </td>
                            <td colspan="2">
                                <html:reset  value='Reset' styleClass="cancelButton" onmouseover="buttonOver(this)" onmouseout="buttonOut(this)" onclick='hideDiv()' />
                            </td>
                        </tr>
                        <tr>
                            <td style='height:10px; border-top-style: solid; border-top-width: 1px; border-top-color: #DADADA;' colspan='3'>




                            </td>
                        </tr>
                        <tr>
                            <td style='width: 190px'></td>
                            <td style='height: 25px; font-size:10px; text-align:right;width: 162px; font-family: Arial;'>All information submitted is secure </td>
                            <td style='height: 25px; font-size:10px;'><img src='Images/lock1.png' width='15' height='15' /></td>
                        </tr>

                    </table>
                </html:form>
            </div>


            <!-- Login Form -->

            <div id="login" title="Login">
                <img  src="styles/Images/logo2.gif"  alt=""/>
                <table>
                    <tr><td style='width: 200px;'>Email</td><td style='width: 200px;'>Password</td></tr>
                    <html:form action="/login.do">
                        <tr>
                            <td><html:text  onfocus='enterTextBox(this)' onblur='leaveTextBox(this)' styleClass='textBox'  property='email' value='' style='width: 190px;'/></td>
                            <td><html:password  onfocus='enterTextBox(this)' onblur='leaveTextBox(this)' styleClass='textBox' property='password' value='' style='width: 190px;'/></td>
                        </tr>
                        <tr>
                            <td colspan="2" style="height: 10px"></td>
                        </tr>
                        <tr><td style='width: 200px;'>
                                <html:submit value='Login' styleClass="addButton" onmouseout='buttonOutLogin(this)' onmouseover='buttonOverLogin(this)'/></td><td style='width: 200px'>
                                <html:reset  value='Reset' styleClass="cancelButton" onmouseover="buttonOver(this)" onmouseout="buttonOut(this)" onclick='hideDiv()' />

                            </td>
                        </tr>
                    </html:form>

                    <tr><td><a href="#" id="getpw" >Forget Your Password?</a></td><td></td></tr>

                </table>
            </div>

            <div id="getpwback" title="Get Your Password Back">
                <img src="styles/Images/logo2.gif"  alt=""/>

                <html:form action="/pw.do">
                    <table>
                        <tr><td> Email</td><td><html:text property="email"/></td></tr>
                        <tr><td> Secret Question</td><td> <html:select onfocus='enterTextBox(this)' onblur='leaveTextBox(this)'   property='secretQuestion' style='width: 190px;'>
                                    <html:option style='width:auto' value="Please Select One">Please Select One</html:option>
                                    <html:option style='width:auto' value="What is name of your first school"> What is name of your first school </html:option>
                                    <html:option value="What was your first email address?"> What was your first email address? </html:option>
                                    <html:option value='What is the first name of your favorite uncle?' >What is the first name of your favorite uncle?</html:option>
                                    <html:option value='Where did you meet your spouse?' >Where did you meet your spouse?</html:option>
                                    <html:option value='What is your oldest cousin&#39;s name?' >What is your oldest cousin&#39;s name?</html:option>
                                    <html:option value='What is your youngest child&#39;s nickname?' >What is your youngest child&#39;s nickname?</html:option>
                                    <html:option value='What is your oldest child&#39;s nickname?' >What is your oldest child&#39;s nickname?</html:option>
                                    <html:option value='What is the first name of your oldest niece?' >What is the first name of your oldest niece?</html:option>
                                    <html:option value='What is the first name of your oldest nephew?' >What is the first name of your oldest nephew?</html:option>
                                    <html:option value='What is the first name of your favorite aunt?' >What is the first name of your favorite aunt?</html:option>
                                    <html:option value='Where did you spend your honeymoon?' >Where did you spend your honeymoon?</html:option>
                                </html:select></td></tr>
                        <tr><td>  Answer</td><td><html:text property="answer"/></td></tr>
                        <tr><td><html:submit value="get password"/></td><td></td></tr>
                    </table>
                </html:form>
            </div>
        </div>



        <div id="copyright">Copyright &copy; 2012 <a href="http://apycom.com/">Apycom jQuery Menus</a></div>
    </body>

</html:html>